<!DOCTYPE html>
<style>
.userImage{
	width: 120px;
	height: 120px;
	border-radius: 50%;
}
.canEdit {
	color: #0074c1;
	font-weight: bold;
	cursor: pointer;
}
.noEdit {
	color: gray;
	font-weight: bold;
}
</style>
<div ng-controller="customerListCtrl">
	<div class="well">
		<div class="titleContainer">
			<div class="leftTitle">消费者列表</div>
		</div>
		
		<div class="menuList">
			<div id="menu_1" class="item active" ng-click="chooseMenu(1)">未分配</div>
			<div id="menu_2" class="item" ng-click="chooseMenu(2)">已分配</div>
		</div>
		
		<!-- 未分配 -->
		<div id="container_1">
			<div class="formContainer">
				<div class="form-horizontal">
					<div class="form-group">
						<div class="form-horizontal col-sm-4">
				            <div class="form-group">
				                <label class="col-sm-4 control-label">姓名</label>
				                <div class="col-sm-8">
				                	<input type="text" class="form-control" ng-model="search1.customerName"/>
				                </div>
				            </div>
				        </div>
				        <div class="form-horizontal col-sm-4">
				            <div class="form-group">
				                <label class="col-sm-4 control-label">联系方式</label>
				                <div class="col-sm-8">
				                	<input type="text" class="form-control" ng-model="search1.customerPhone"/>
				                </div>
				            </div>
				        </div>
				        <div class="form-horizontal col-sm-4" ng-show="company_1_show">
				            <div class="form-group">
				                <label class="col-sm-4 control-label">分公司</label>
				                <div class="col-sm-8">
				                	<input type="text" class="form-control" ng-model="search1.filiale"/>
				                </div>
				            </div>
				        </div>
				        <div class="form-horizontal col-sm-4">
				            <div class="form-group">
				                <label class="col-sm-4 control-label">专卖店</label>
				                <div class="col-sm-8">
				                	<input type="text" class="form-control" ng-model="search1.shopName"/>
				                </div>
				            </div>
				        </div>
				        <div class="form-horizontal col-sm-4">
				            <div class="form-group">
				                <label class="col-sm-4 control-label">用户渠道</label>
				                <div class="col-sm-8">
				                	<input type="text" id="userFrom_1"/>
				                </div>
				            </div>
				        </div>
				        <div class="form-horizontal col-sm-4">
				            <div class="form-group">
				                <label class="col-sm-4 control-label">用户类型</label>
				                <div class="col-sm-8">
				                	<input type="text" id="userType_1"/>
				                </div>
				            </div>
				        </div>
				        <div class="form-horizontal col-sm-4">
				            <div class="form-group">
				                <label class="col-sm-4 control-label">来源</label>
				                <div class="col-sm-8">
				                	<input type="text" id="customerSource_1"/>
				                </div>
				            </div>
				        </div>
				        <div class="form-horizontal col-sm-4">
				            <div class="form-group">
				                <label class="col-sm-4 control-label">省</label>
				                <div class="col-sm-8">
				                	<input type="text" id="province1"/>
				                </div>
				            </div>
				        </div>
				        <div class="form-horizontal col-sm-4">
				            <div class="form-group">
				                <label class="col-sm-4 control-label">市</label>
				                <div class="col-sm-8">
				                	<input type="text" id="city1"/>
				                </div>
				            </div>
				        </div>
				       <div class="buttons-wrap clearBoth">
							<button class="k-button k-state-default" ng-click="search(1)">查询</button>
						</div>
					</div>
				</div>
			</div>
			
			<div id="operateButtonGroup" class="operateContainer">
				<button class="k-button k-state-default" ng-click="chooseAll('recordClass_1',true)">全选</button>
				<button class="k-button k-state-default" ng-click="chooseAll('recordClass_1',false)">取消</button>
				<button class="k-button k-state-default" ng-click="downloadTableData(1,1)">筛选导出</button>
				<button class="k-button k-state-default" ng-click="downloadTableData(1,2)">选中导出</button>
			</div>
		
			<div class="tableList">
				<div kendo-grid="grid_1" k-options="gridOptions_1"></div>
			</div>
		</div>
		
		<!-- 已分配 -->
		<div id="container_2">
			<div class="formContainer">
				<div class="form-horizontal">
					<div class="form-group">
						<div class="form-horizontal col-sm-4">
				            <div class="form-group">
				                <label class="col-sm-4 control-label">姓名</label>
				                <div class="col-sm-8">
				                	<input type="text" class="form-control" ng-model="search2.customerName"/>
				                </div>
				            </div>
				        </div>
				        <div class="form-horizontal col-sm-4">
				            <div class="form-group">
				                <label class="col-sm-4 control-label">联系方式</label>
				                <div class="col-sm-8">
				                	<input type="text" class="form-control" ng-model="search2.customerPhone"/>
				                </div>
				            </div>
				        </div>
				        <div class="form-horizontal col-sm-4">
				            <div class="form-group">
				                <label class="col-sm-4 control-label">专属顾问</label>
				                <div class="col-sm-8">
				                	<input type="text" class="form-control" ng-model="search2.sellerName"/>
				                </div>
				            </div>
				        </div>
				        <div class="form-horizontal col-sm-4" ng-show="company_2_show">
				            <div class="form-group">
				                <label class="col-sm-4 control-label">分公司</label>
				                <div class="col-sm-8">
				                	<input type="text" class="form-control" ng-model="search2.filiale"/>
				                </div>
				            </div>
				        </div>
				        <div class="form-horizontal col-sm-4" ng-show="shop_2_show">
				            <div class="form-group">
				                <label class="col-sm-4 control-label">专卖店</label>
				                <div class="col-sm-8">
				                	<input type="text" class="form-control" ng-model="search2.shopName"/>
				                </div>
				            </div>
				        </div>
				        <div class="form-horizontal col-sm-4">
				            <div class="form-group">
				                <label class="col-sm-4 control-label">用户渠道</label>
				                <div class="col-sm-8">
				                	<input type="text" id="userFrom_2"/>
				                </div>
				            </div>
				        </div>
				        <div class="form-horizontal col-sm-4">
				            <div class="form-group">
				                <label class="col-sm-4 control-label">用户类型</label>
				                <div class="col-sm-8">
				                	<input type="text" id="userType_2"/>
				                </div>
				            </div>
				        </div>
				        <div class="form-horizontal col-sm-4">
				            <div class="form-group">
				                <label class="col-sm-4 control-label">来源</label>
				                <div class="col-sm-8">
				                	<input type="text" id="customerSource_2"/>
				                </div>
				            </div>
				        </div>
				         <div class="form-horizontal col-sm-4">
				            <div class="form-group">
				                <label class="col-sm-4 control-label">省</label>
				                <div class="col-sm-8">
				                	<input type="text" id="province2"/>
				                </div>
				            </div>
				        </div>
				        <div class="form-horizontal col-sm-4">
				            <div class="form-group">
				                <label class="col-sm-4 control-label">市</label>
				                <div class="col-sm-8">
				                	<input type="text" id="city2"/>
				                </div>
				            </div>
				        </div>
				       <div class="buttons-wrap clearBoth">
							<button class="k-button k-state-default" ng-click="search(2)">查询</button>
						</div>
					</div>
				</div>
			</div>
			
			<div id="operateButtonGroup" class="operateContainer">
				<button class="k-button k-state-default" ng-click="chooseAll('recordClass_2',true)">全选</button>
				<button class="k-button k-state-default" ng-click="chooseAll('recordClass_2',false)">取消</button>
				<button class="k-button k-state-default" ng-click="downloadTableData(2,1)">筛选导出</button>
				<button class="k-button k-state-default" ng-click="downloadTableData(2,2)">选中导出</button>
			</div>
		
			<div class="tableList">
				<div kendo-grid="grid_2" k-options="gridOptions_2"></div>
			</div>	
		</div>
	</div>
	
	<div kendo-window="customerWindow" k-title="'消费者信息'" k-width="600" k-min-height="450" k-visible="false" k-modal="true" class="allTable">
		<table class="table">
			<tr>
				<td colspan="2" rowspan="2" class="textCenter">
					<img class="userImage" alt="用户图像" src="{{customerInfo.headUrl?customerInfo.headUrl:'../../images/icon/people.png'}}">
				</td>
				<td class="textRight">姓名：</td>
				<td class="textLeft">{{customerInfo.customerName}}</td>
				<td class="textRight">性别：</td>
				<td class="textLeft">{{customerInfo.gender}}</td>
			</tr>
			<tr>
				<td>联系方式：</td>
				<td colspan="3">{{customerInfo.customerPhone}}</td>
			</tr>
			<tr>
				<td colspan="6" class="textLeft">【会员信息】</td>
			</tr>
			<tr>
				<td>用户渠道：</td>
				<td colspan="2">{{customerInfo.property==1?'公司分配':'邀请注册'}}</td>
				<td>用户类型：</td>
				<td colspan="2">{{customerInfo.customerStatus}}</td>
			</tr>
			<tr>
				<td>创建时间：</td>
				<td colspan="2">{{customerInfo.createTime}}</td>
				<td>推广数量：</td>
				<td colspan="2">{{customerInfo.generalizeNum}}</td>
			</tr>
			<tr>
				<td colspan="6" class="textLeft">【归属信息】</td>
			</tr>
			<tr ng-show="company_shop_table_show">
				<td>分公司：</td>
				<td colspan="2">{{customerInfo.filiale}}</td>
				<td>专卖店：</td>
				<td colspan="2">{{customerInfo.shopName}}</td>
			</tr>
			<tr ng-show="shop_table_show">
				<td>专卖店：</td>
				<td colspan="6">{{customerInfo.shopName}}</td>
			</tr>
			<tr>
				<td>专属顾问：</td>
				<td colspan="2">{{customerInfo.sellerName}}</td>
				<td>店员账号：</td>
				<td colspan="2">{{customerInfo.sellerAccount}}</td>
			</tr>
			<tr>
				<td colspan="6" class="textLeft">【会员地址】</td>
			</tr>
			<tr>
				<td colspan="6" class="textLeft">
					<div>
						<div class="col-sm-2 textRight">安装地址：</div>
						<div class="col-sm-8">{{customerInfo.address}}</div>
					</div>
					<div>
						<div class="col-sm-2 textRight">订单地址：</div>
						<div class="col-sm-8" ng-repeat="item in customerInfo.customerAddressList">{{item.consigneeAddress}}  {{item.consigneeName}}  {{item.consigneePhone}}</div>
					</div>
					<!-- <div>安装地址： 北京市 丰台区 长阳半岛广场  李大大 18811112222</div>
					<div>订单地址： 北京市 丰台区 长阳半岛广场  李大大 18811112222</div>
					<div ng-repeat="item in customerInfo.customerAddressList">{{item.consigneeAddress}}  {{item.consigneeName}}  {{item.consigneePhone}}</div> -->
				</td>
			</tr>
		</table>
	</div>
	
	<div kendo-window="companyWindow" k-title="'分配分公司'" k-width="700" k-min-height="250" k-visible="false" k-modal="true" class="allTable">
		<div class="windowForm col-sm-11">
		    <div class="form-horizontal">
		         <div class="form-group">
		             <label class="col-sm-2 control-label">安装地址：</label>
		             <div class="col-sm-8 control-label textLeft">{{customerMessage.address}}</div>
		         </div>
		    </div>
		    <div class="form-horizontal">
		         <div class="form-group">
		             <label class="col-sm-2 control-label">分公司：</label>
		             <div class="col-sm-8">
			             <div class="col-sm-3">
			             	<input id="province"/>
			             </div>
			             <div class="col-sm-3">
			             	<input id="city"/>
			             </div>
			             <div class="col-sm-3">
			             	<input id="area"/>
			             </div>
		             </div>
		         </div>
		    </div>
		    <div class="form-horizontal">
		         <div class="form-group">
		             <label class="col-sm-2 control-label"></label>
		             <div class="col-sm-8">
		             	<input type="text" class="form-control" id="company"/>
		             </div>
		         </div>
		    </div>
		    <div class="form-group control-label textCenter">注：选择分公司后，将不能再重新分配！</div>
		    <div class="buttons-wrap ">
				<button class="k-button k-state-default" ng-click="assignCompanySubmit()">确定</button>
			</div>	
		</div>
	</div>
	
	<div kendo-window="guiderWindow" k-title="'分配导购'" k-width="700" k-min-height="250" k-visible="false" k-modal="true" class="allTable">
		<div class="windowForm col-sm-11">
		    <div class="form-horizontal">
		         <div class="form-group">
		             <label class="col-sm-2 control-label">安装地址：</label>
		             <div class="col-sm-8 control-label textLeft">{{customerMessage.address}}</div>
		         </div>
		    </div>
		    <div class="form-horizontal">
		         <div class="form-group">
		             <label class="col-sm-2 control-label">专卖店：</label>
		             <div class="col-sm-8">
			             <div class="col-sm-3">
			             	<input id="province_2"/>
			             </div>
			             <div class="col-sm-3">
			             	<input id="city_2"/>
			             </div>
			             <div class="col-sm-3">
			             	<input id="area_2"/>
			             </div>
		             </div>
		         </div>
		    </div>
		    <div class="form-horizontal">
		         <div class="form-group">
		             <label class="col-sm-2 control-label"></label>
		             <div class="col-sm-8">
		             	<input type="text" class="form-control" id="shop"/>
		             </div>
		         </div>
		    </div>
		    <div class="form-horizontal">
		         <div class="form-group">
		             <label class="col-sm-2 control-label">导购选择：</label>
		             <div class="col-sm-8">
		             	<input type="text" class="form-control" id="guider"/>
		             </div>
		         </div>
		    </div>
		    <div class="form-group control-label textCenter">注：选择导购后，导购离职前将不可再为消费者修改导购人员！</div>
		    <div class="buttons-wrap ">
				<button class="k-button k-state-default" ng-click="assignGuiderSubmit()">确定</button>
			</div>	
		</div>
	</div>




	<div kendo-window="userLabelWindow" k-title="'导购信息'" k-width="800" k-min-height="450" k-visible="false" k-modal="true">
		<div class="windowForm col-sm-12">
		    <div class="form-horizontal col-sm-5">
		         <div class="form-group">
		             <label class="col-sm-3 control-label">年龄段</label>
		             <div class="col-sm-6">
		             	<input type="text" id="age"/>
		             </div>
		         </div>
		    </div>
		    <div class="form-horizontal col-sm-5">
		         <div class="form-group">
		             <label class="col-sm-3 control-label">收入</label>
		             <div class="col-sm-6">
		             	<input type="text" id="income" />
		             </div>
		         </div>
		    </div>
		    <div class="form-horizontal col-sm-5">
		         <div class="form-group">
		             <label class="col-sm-3 control-label">婚育</label>
		             <div class="col-sm-6">
		             	<input type="text"  id="marriage""/>
		             </div>
		         </div>
		    </div>

 		    <div class="form-horizontal col-sm-5">
		         <div class="form-group">
		             <label class="col-sm-3 control-label">喜好风格</label>
		             <div class="col-sm-6">
		             	<input type="text"  id="style"/>
		             </div>
		         </div>
		    </div>
		    <div class="form-horizontal col-sm-5">
		         <div class="form-group">
		             <label class="col-sm-3 control-label">材质</label>
		             <div class="col-sm-6">
		             	<input type="text"  id="texture"/>
		             </div>
		         </div>
		    </div>
		   	<div class="form-horizontal col-sm-5">
		         <div class="form-group">
		             <label class="col-sm-3 control-label">颜色喜好</label>
		             <div class="col-sm-6">
		             	<input type="text"  id="color"/>
		             </div>
		         </div>
		    </div>

		   	<div class="form-horizontal col-sm-5">
		         <div class="form-group">
		             <label class="col-sm-3 control-label">人员分类</label>
		             <div class="col-sm-6">
		             	<input type="text"  id="classify"/>
		             </div>
		         </div>
		    </div>
		  	<div class="form-horizontal col-sm-5">
		         <div class="form-group">
		             <label class="col-sm-3 control-label">购物偏好</label>
		             <div class="col-sm-6">
		             	<input type="text"  id="shoppin"/>
		             </div>
		         </div>
		    </div>
		   	<div class="form-horizontal col-sm-5">
		         <div class="form-group">
		             <label class="col-sm-3 control-label">性格</label>
		             <div class="col-sm-6">
		             	<input type="text"  id="character"/>
		             </div>
		         </div>
		    </div>
		    
		 	<div class="form-horizontal col-sm-5">
		         <div class="form-group">
		             <label class="col-sm-3 control-label">住房面积</label>
		             <div class="col-sm-6">
		             	<input type="text"  id="areaSize"/>
		             </div>
		         </div>
		    </div>
		   <div class="form-horizontal col-sm-5">
		         <div class="form-group">
		             <label class="col-sm-3 control-label">装修时间</label>
		             <div class="col-sm-6">
		             	<input type="text"  id="time"/>
		             </div>
		         </div>
		    </div>
		   <div class="form-horizontal col-sm-5">
		         <div class="form-group">
		             <label class="col-sm-3 control-label">用途</label>
		             <div class="col-sm-6">
		             	<input type="text"  id="purpose"/>
		             </div>
		         </div>
		    </div>
		   <div class="form-horizontal col-sm-11">
		         <div class="form-group">
		             <label class="col-sm-2 control-label">备注</label>
		             <div class="col-sm-8">
		             	<input type="text" class="form-control" ng-model="remark"/>
		             </div>
		         </div>
		    </div>
		    
		    <div class="buttons-wrap clearBoth">
				<button class="k-button k-state-default" ng-click="updateCustomerProperty()" >确定</button>
				<input type="hidden" id="method" value="">
			</div>
		</div>
	</div>
</div>